<template>
	<view class="quan"  >
		
		<web-view :webview-styles="webviewStyles" :src="downurl" class="img">
			<text>如果打不开下载页，请复制该链接前往浏览器下载：{{downurl}}</text>  
			<view class="progress-box">
			               <progress :percent="num" show-info stroke-width="3" />
			</view>
		</web-view>
		 
	</view>
</template>

<script>
	 var wv;//计划创建的webview  
	    export default {  
	       
	        data(){  
	            return { 
					//进度条颜色
					 webviewStyles: {
					                progress: {
					                      color: '#FF3333'
					                   }
					               },
	                url:'',  
	                id:'',  
	                banner: {},
					downurl:'',
					num:'',
	            }  
	        },  
	        onLoad(option) {  
				// APP版本号
				uni.request({
					url:'http://tuiguang.yiyunoto.com/api/login/version',
					// header:{authtoken:this.$store.state.token},
					method:'POST',
					success:(res)=>{
						this.downurl=res.data.data.url
						console.log("APP版本号请求成功",res.data.data.url)
						    },
							fail:(res)=>{
							console.log("请求失败",res)		},
				})
	            // 目前在某些平台参数会被主动 decode，暂时这样处理。  
	            try {  
	                this.banner = JSON.parse(decodeURIComponent(option.query));  
	            } catch (error) {  
	                this.banner = JSON.parse(option.query);  
	            }  
	            this.url = this.banner;
				
				
	        },
		onReady() {  
				  console.log('当前环境：' + uni.getSystemInfoSync().platform);//如果是安卓才执行  
				  if(uni.getSystemInfoSync().platform == 'android')  
				  {  
					  var currentWebview = this.$mp.page.$getAppWebview() //获取当前页面的webview对象  
					  setTimeout(function() {  
						wv = currentWebview.children()[0]  
						var url222 =  wv.getURL();  
						//console.log('当前网址222: '+url222);  
						// 拦截所有页面跳转，可使用参数拦截.apk的跳转  
						wv.overrideUrlLoading({mode:'reject',match:'.*\.apk.*'}, function(e){  
							uni.showLoading({  
								title: '下载中,请不要离开...',  
								mask: false  
							});
							var dtask = plus.downloader.createDownload(e.url, {}, function ( d, status ) {   
								uni.hideLoading();  
								uni.showToast({  
									title: '下载成功...',  
									mask: false,  
									duration: 1500    
								});  
											  // 下载完成    
								  if ( status == 200 ) {  
									  plus.runtime.install(plus.io.convertLocalFileSystemURL(d.filename),{},{},function(error){    
										  uni.showToast({    
											  title: '安装失败',    
											  mask: false,    
											  duration: 1500    
										  });    
									  })    
								  } else {    
									   uni.showToast({    
										  title: '下载失败，请检查您的网络',    
										  mask: false,    
										  duration: 1500    
									   });    
								  }      
							  });  
										dtask.start();  
							});  
					  }, 1000); //如果是页面初始化调用时，需要延时一下  
				  }  
			 	
			 	        },   
	        methods:{  
	            getMessage(event) {  
	                console.log('提示内容: '+JSON.stringify(event.detail.data));  
	                uni.showModal({  
	                    content: JSON.stringify(event.detail.data),  
	                    showCancel: false  
	                });  
	            }  
	        }  
	    }  

	
</script>

<style>
.quan{
	width: 100%;
	height: 90vh;
}
.img{
	width: 100%;
	height: 300upx;   
}
.progress-box{
	z-index: 10;
	position: fixed;
	top:10upx;
}
</style>
